<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入样式重置表 -->
    <link rel="stylesheet" href="../lib/css/normalize.css">
    <!-- 引入公共样式表 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 引入购物车样式表 -->
    <link rel="stylesheet" href="../css/cart.css">
</head>

<body>
    <!-- 导航栏位置 -->
    <div id="head" style="z-index: 3;">
        <div class="container">
            <div id="nav" class="clearfix">
                <ul class="left-list clearfix">
                    <li>
                        中国大陆
                        <ol>
                            <li>全球</li>
                            <li>中国大陆</li>
                            <li>中国香港</li>
                            <li>中国澳门</li>
                            <li>韩国</li>
                            <li>马来西亚</li>
                            <li>澳大利亚</li>
                            <li>新加坡</li>
                            <li>新西兰</li>
                            <li>加拿大</li>
                            <li>日本</li>
                            <li>越南</li>
                            <li>泰国</li>
                            <li>菲律宾</li>
                            <li>柬埔寨</li>
                        </ol>
                        <!-- 此处地区菜单需有进度条 -->
                    </li>
                    <!-- 地区二级菜单 -->
                    <li><a href="../pages/login.html">亲,&nbsp;请登录</a></li>
                    <!-- 登录按钮 -->
                    <li><a href="../pages/register.html">免费注册</a></li>
                    <!-- 注册按钮 -->
                    <li><a href="../pages/index.html">返回到首页</a></li>
                    <li><a href="#">网页无障碍</a></li>
                </ul>

                <ul class="right-list clearfix">
                    <li><a href="#">我的淘宝</a>
                        <ol>
                            <li><a href="#">已买到的宝贝</a></li>
                            <li><a href="#">我的足迹</a></li>
                        </ol>
                    </li>
                    <li><a href="#">购物车</a></li>
                    <li><a href="#">收藏夹</a>
                        <ol>
                            <li><a href="#">收藏的宝贝</a></li>
                            <li><a href="#">收藏的店铺</a></li>
                        </ol>
                    </li>
                    <li><a href="#">商品分类</a></li>
                    <li><a href="#">免费开店</a></li>
                    <li>|</li>
                    <li><a href="#">千牛卖家中心</a>
                        <ol>
                            <li><a href="#">开店入驻</a></li>
                            <li><a href="#">已卖出的宝贝</a></li>
                            <li><a href="#">出售中的宝贝</a></li>
                            <li><a href="#">卖家服务市场</a></li>
                            <li><a href="#">卖家培训中心</a></li>
                            <li><a href="#">体检中心</a></li>
                            <li><a href="#">电商学习中心</a></li>

                        </ol>
                    </li>

                    <li><a href="#">联系客服</a>
                        <ol>
                            <li><a href="#">消费者客服</a></li>
                            <li><a href="#">卖家客服</a></li>
                            <li><a href="#">意见反馈</a></li>

                        </ol>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 购物车 -->
    <div class="cart-list">
        <div class="cart-top">
            <h4>购物车</h4>
            <p class="total-price">已选商品(不含运费):<span class="sp1">￥0</span></p>
        </div>
        <table>
            <!-- 动态渲染 -->
        </table>
        <div class="total-price">合计(不含运费):<span class="sp2">￥0</span></div>
        
    </div>


    <script src="../js/cart.js"></script>
</body>

</html>